<template>
	<view class="main">
		<tabar :current="3"></tabar>
		<!-- #ifdef MP-WEIXIN -->
		<navbar :bgColor="bgColor" :btnColors='btnColor' title="消息详情" :isGoBack="true" :isNotice="true" :visible="true"></navbar>
		<!-- #endif -->
		<view class=" pl-20 pr-20"  style="margin-top:35rpx !important;border-radius: 60rpx !important;" >
			<view class="flex align-center  pb-15">						
				<view class="flex flex-direction" style="margin-left: 20rpx;">
				   <view class="flex justify-between align-center text-center">
				   	<text>{{info.title}}</text>
					<text class="text-sm">{{info.add_time}}</text>
				   </view>
				   <text class="productNameText mt-15" >{{info.content}}</text>
				</view>
				
			</view>				
			
		</view>		
		
	</view>
</template>

<script>

	export default {
		data() {
			return {
				...getApp().globalData.config,
				info:{},
				id:''
				
			}
		},
		onLoad(option) {
			this.id=option.id	
		},
		onShow(){
			console.log('ok')
			this.query_messsage_info()
		},
		methods: {
			query_messsage_info(){
				let obj={
					token:uni.getStorageSync('userInfo').token,
					id:this.id
				}
				this.$http.message_info(obj).then(res=>{
					if(res.resCode=='9999'){
						this.info = res.data
					}
				})
			}
		},
	}
</script>

<style>
	page{
		background-color: #FFFFFF !important;
	}
	.image_bg{
		display: flex;
		flex-direction: column;
		margin-top: 466rpx;
		justify-content: center;
		align-items: center;
		text-align: center;
		
		font-weight: 400;
		font-size: 35rpx;
		color: #4D4D4D;
		line-height: 60rpx;
		text-align: center;
	}
	
	.image{
		width: 442rpx;
		height: 442rpx;
	}
	
	.bottom {
		border-radius: 80rpx;
		margin: 100rpx 50rpx;
		font-size: 35rpx;
		border: none;
		color: #FFFFFF !important;
		background: #518FA0 !important;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
	/* 	background: linear-gradient(-90deg, #FFA200 0%, #FFC13D 100%); */
	}
	button:after{
		border: none;
	}
	
</style>

<style>
	.rich-text-content {
	  margin: 10px;
	  padding: 10px;
	  background-color: #f5f5f5;
	  color: #333;
	}
	
	.rich-text-content span {
	  font-weight: bold;
	}
	
	.rich-text-content a {
	  color: blue;
	}
</style>